<template>
	<view class="box">
		<view class="time">{{options.createTime}}</view>
		<view class="box_content">
			<image :src="options.wxCoverImg" v-if="options.wxCoverImg"></image>
			<view class="contentBox">
				<view class="contentTit">{{options.title || ""}}</view>
				<view class="contentText">{{options.remark || ""}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			options: {
				type: Object,
				default: function(e) {
					return {}
				}
			}
		},
		methods: {
		}
	}
</script>

<style scoped>
	.box {
	  width: 100%;
	  padding: 30rpx;
	}
	.box_content {
	  background-color: white;
	  border-radius: 10px;
	}
	.time {
	  font-size: 11px;
	  color: #333333;
	  text-align: center;
	  margin-bottom: 20rpx;
	}
	image {
	  width: 100%;
	  height: 290rpx;
	  border-radius: 10px 10px 0 0;
	}
	.contentBox {
	  width: 100%;
	  padding: 20rpx 20rpx;
	}
	.contentTit {
	  font-size: 16px;
	  font-weight: bold;
	  color: #333333;
	}
	.contentText {
	  font-size: 14px;
	  color: #666666;
	  margin-top: 20rpx;
	}
</style>
